<template>
  <div class="b-person_content__box wallet">
    <div class="title">我的钱包</div>
    <label v-for="item in tabData" :key="item">
      <input type="radio" v-model="activeTab" :value="item">
      <span>{{item}}</span>
    </label>
    <div class="wallet-info">
      Ethereum打款和接收是一个地址
      这儿有一大段文字介绍。 这儿有一大段文字介绍。 这儿有一大段文字介绍。 这儿有一大段文字介绍。 这儿有一大段文字介绍。 这儿有一大段文字介绍。
      这儿有一大段文字介绍。 这儿有一大段文字介绍。 这儿有一大段文字介绍。 这儿有一大段文字介绍。 这儿有一大段文字介绍。 这儿有一大段文字介绍。
      这儿有一大段文字介绍。 这儿有一大段文字介绍。 这儿有一大段文字介绍。 这儿有一大段文字介绍。
    </div>
    <div class="input-item">
      <div class="item-label">输入你的钱包打款地址</div>
      <input type="text" placeholder="输入你的钱包打款地址" v-model="firstInput">
    </div>
    <div class="input-item">
      <div class="item-label">输入你的钱包接收地址</div>
      <input type="text" placeholder="输入你的钱包接收地址" v-model="secondInput">
    </div>
    <div class="input-item">
      <div class="item-label">输入账户密码</div>
      <input type="text" placeholder="输入账户密码" v-model="thirdInput">
    </div>
    <button>提交保存</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tabData: ["Ethereum", "Bitcoin", "Bank"],
      activeTab: "Ethereum",

      firstInput: "",
      secondInput: "",
      thirdInput: ""
    };
  }
};
</script>
